<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>强制类型转换</title>
    <script>
        // 强制类型转换:
        //  指将其他的数据类型转换为 String Number Boolean
        //
        // 将其他的数据类型转换为String
        // 1.调用被转换类型(Number)的toString()方法，这个方法不会改变原变量，会将转换的结果返回
            // 但是注意：null和undefined并没有toString方法
        // var num = 123;
        // alert(typeof num);
        // alert(num);
        // 调用num对象的toString方法
        //      num = num.toString();
        //      alert(typeof num);
       
        // 2.调用String()函数
        //      其中 null---->"null"
        //          undefined-->"undefined"
        // num = String(num);
        // alert(typeof num);



        // 强制类型转换：（Number）
        //  1.转换方式一：
        //       (1).String----->Number
                // 使用Number()函数
                // 情况1.字符串为纯数字，转换成功
                // 情况2.字符串有非数字的内容，转换为NaN
                // 情况3.字符串为全空格，转换为0
        var string = "         ";
        // alert(string);
        // alert(typeof string);

        // string = Number(string);
        // alert(Number(string));

        //       (2).Boolean------>Number
                // true -----> 1
                // false-----> 0
        var boo = false;
        console.log(boo);
        console.log(typeof boo);
        console.log(Number(boo));
        console.log(typeof Number(boo));

        //        (3).Null--------->Number    转换成数字 0 
        console.log("#####  Null--->Number  ##########");
        var nul = null;
        console.log(nul);
        console.log(typeof nul);
        console.log(Number(nul));
        console.log(typeof Number(nul));
        
        //         (4).undefined -------> Number 为  NaN



        // 若遇到 不是纯数字的    例如 var s  = "123px";
        //   2.转换方式二：
        //      parseInt()函数

        console.log("##############################");
        var s  = "123px";
        console.log(parseInt(s));







    </script>
</head>
<body>
    
</body>
</html>